.banner-container {
  height: 48px;
  width: 100%;
  background: var(--section);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 16px;

  span, strong {
    margin-left: 16px;
  }

  .close {
    text-decoration: underline;
    margin-left: auto;
    margin-right: 16px;

    &:hover {
      cursor: pointer;
    }
  }

  img {
    height: 36px;
    width: auto;
  }
}

.link {
  display: inline-block;
  align-items: center;
  color: var(--accent);

  i {
    margin-left: 4px;
  }

  &:hover {
    cursor: pointer;
  }
}

